﻿<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>幸福里花卉-购物车</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <!-- Favicon -->
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="assets/images/favicon.png"
    />

    <!-- CSS
	============================================ -->

    <!-- Bootstrap CSS -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css"> -->

    <!-- Icon Font CSS -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/plazaicon.css">
    <link rel="stylesheet" href="assets/css/vendor/themify-icons.css">
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css"> -->

    <!-- Plugins CSS -->
    <!-- <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/plugins/select2.min.css"> -->

    <!-- Helper CSS -->
    <link rel="stylesheet" href="assets/css/helper.css" />

    <!-- Main Style CSS -->
    <!-- <link rel="stylesheet" href="assets/css/style.css"> -->

    <!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
    <link rel="stylesheet" href="assets/css/plugins-min/plugins.min.css" />
    <link rel="stylesheet" href="assets/css/style.min.css" />
  </head>

  <body>
    <div class="main-wrapper" id="app">
      <!--Header Section Start-->
      <div class="header-section d-none d-lg-block">
        <div class="main-header">
          <div class="container position-relative">
            <div class="row align-items-center">
              <div class="col-lg-2">
                <div class="header-logo">
                  <a href="index.html"
                    ><img src="assets/images/logo/logo.png" alt=""
                  /></a>
                </div>
              </div>
              <div class="col-lg-6 position-static">
                <div class="site-main-nav">
                  <nav class="site-nav">
                    <ul>
                      <li><a href="index.html">首页</a></li>
                      <li>
                        <a href="shop-grid-4.html"
                          >鲜花 <span class="new">New</span></a
                        >
                      </li>
                      <li>
                        <a href="about.html">公告</a>
                      </li>
                    </ul>
                  </nav>
                </div>
              </div>
              <div class="col-lg-4">
                <div class="header-meta-info">
                  <div class="header-account">
                    <div class="header-account-list dropdown top-link">
                      <a  role="button" data-toggle="dropdown"
                        ><i class="icon-users"></i
                      ></a>
                      <ul class="dropdown-menu ">
                        <li><a href="login.html">登录</a></li>
                        <li><a href="register.html">注册</a></li>
                        <li><a href="my-account.html">我的账户</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--Header Section End-->

      <div class="overlay"></div>
      <!--Overlay-->

      <!--Page Banner Start-->
      <div
        class="page-banner"
        style="background-image: url(assets/images/testimonial-bg.jpg);"
      >
        <div class="container">
          <div class="page-banner-content text-center">
            <h2 class="title">购物袋</h2>
            <ol class="breadcrumb justify-content-center">
              <li class="breadcrumb-item"><a href="index.html">首页</a></li>
              <li class="breadcrumb-item active" aria-current="page">购物袋</li>
            </ol>
          </div>
        </div>
      </div>
      <!--Page Banner End-->

      <!--Cart Start-->
      <div class="cart-page section-padding-5">
        <div class="container">
          <div class="cart-table table-responsive">
            <table class="table">
              <thead>
                <tr>
                  <th class="image">商品图片</th>
                  <th class="product">商品名称</th>
                  <th class="price">价格</th>
                  <th class="quantity">数量</th>
                  <th class="total">总价</th>
                  <th class="remove">操作</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td class="image">
                    <img src="assets/images/cart/cart-1.jpg" alt="" />
                  </td>
                  <td class="product">
                    <a href="shop-single.html">岩石肥皂草</a>
                  </td>
                  <td class="price">
                    <span class="amount">￥50.00</span>
                  </td>
                  <td class="quantity">
                    <form action="#">
                      <div class="quantity d-inline-flex">
                        <button type="button" class="sub">
                          <i class="ti-minus"></i>
                        </button>
                        <input type="text" value="1" />
                        <button type="button" class="add">
                          <i class="ti-plus"></i>
                        </button>
                      </div>
                    </form>
                  </td>
                  <td class="total">
                    <span class="total-amount">￥50.00</span>
                  </td>
                  <td class="remove">
                    <a ><i class="ti-close"></i></a>
                  </td>
                </tr>
                <tr>
                  <td class="image">
                    <img src="assets/images/cart/cart-2.jpg" alt="" />
                  </td>
                  <td class="product">
                    <a href="shop-single.html">甜香雪球</a>
                  </td>
                  <td class="price">
                    <span class="amount">￥50.00</span>
                  </td>
                  <td class="quantity">
                    <form action="#">
                      <div class="quantity d-inline-flex">
                        <button type="button" class="sub">
                          <i class="ti-minus"></i>
                        </button>
                        <input type="text" value="1" />
                        <button type="button" class="add">
                          <i class="ti-plus"></i>
                        </button>
                      </div>
                    </form>
                  </td>
                  <td class="total">
                    <span class="total-amount">￥50.00</span>
                  </td>
                  <td class="remove">
                    <a ><i class="ti-close"></i></a>
                  </td>
                </tr>
                <tr>
                  <td class="image">
                    <img src="assets/images/cart/cart-3.jpg" alt="" />
                  </td>
                  <td class="product">
                    <a href="shop-single.html">野玫瑰</a>
                  </td>
                  <td class="price">
                    <span class="amount">￥50.00</span>
                  </td>
                  <td class="quantity">
                    <form action="#">
                      <div class="quantity d-inline-flex">
                        <button type="button" class="sub">
                          <i class="ti-minus"></i>
                        </button>
                        <input type="text" value="1" />
                        <button type="button" class="add">
                          <i class="ti-plus"></i>
                        </button>
                      </div>
                    </form>
                  </td>
                  <td class="total">
                    <span class="total-amount">￥50.00</span>
                  </td>
                  <td class="remove">
                    <a ><i class="ti-close"></i></a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="cart-btn col-lg-12">
            <div class="cart-btn-left">
              <!-- <a  class="btn btn-primary">Continue Shopping</a> -->
              <a  class="btn">清空</a>
            </div>
            <div class="cart-btn-right">
              <span style="margin-right: 20px;">合计：￥150</span>
              <a href="checkout.html" class="btn btn-primary">结算</a>
            </div>
          </div>
          <!--Cart End-->

          <!--Footer Section Start-->
          <div class="footer-area">
            <div class="container">
                <div class="footer-widget-area section-padding-6">
                    <div class="row justify-content-between">

                        <!--Footer Widget Start-->
                        <div class="col-lg-4 col-md-6">
                            <div class="footer-widget">
                              <img src="assets/images/logo/logo.png" alt="" style="width: 230px;height: 120px;">
                                <!--  -->
                            </div>
                            <!--Footer Widget End-->
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">信息</h4>
                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a></a></li>
                                        <li><a></a></li>
                                        <li><a>常见问题</a></li>
                                        <li><a>商店地址</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">账户</h4>

                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a>法律声明</a></li>
                                        <li><a>安全条款</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">帮助</h4>

                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a>常见问题</a></li>
                                        <li><a>定价方案</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">顾客服务</h4>
                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a>我的账户</a></li>
                                        <li><a>使用条款</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
          <!--Footer Section End-->

          <!--Back To Start-->
          <a  class="back-to-top">
            <i class="fa fa-angle-double-up"></i>
          </a>
          <!--Back To End-->
        </div>
      </div>
    </div>

    <!-- JS
    ============================================ -->

    <!-- Modernizer JS -->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <!-- jQuery JS -->
    <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
    <!-- Bootstrap JS -->
    <!-- <script src="assets/js/vendor/popper.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script> -->

    <!-- Plugins JS -->
    <!-- <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/jquery.countdown.min.js"></script>
    <script src="assets/js/plugins/jquery.elevateZoom.min.js"></script>
    <script src="assets/js/plugins/select2.min.js"></script>-->

    <!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
    <script src="assets/js/plugins.min.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

    <!-- Google Map js -->

    <script src="assets/js/map-script.js"></script>
    <script src="assets/js/lib/vue.js"></script>
    <script src="assets/js/lib/index.js"></script>
    <script src="assets/js/lib/axios.min.js"></script>

    <script type="module">
      const vm = new Vue({
        // 配置对象 options
        // 配置选项(option)
        el: "#app", // element: 指定用vue来管理页面中的哪个标签区域
        data() {
          return {};
        }
      });
    </script>
  </body>
</html>
